<template>
  <div>
      <el-form :model="form" :data="StaffArchives" size="small" label-width="100px" class="mt35 mb35">
        <el-row :gutter="35">
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              姓名：{{StaffArchives.staffName}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              部门：{{StaffArchives.staffDepartment}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              职务：{{StaffArchives.staffJob}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              工号：{{StaffArchives.staffJobnumber}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              手机号码：{{StaffArchives.staffPhone}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              身份证号：{{StaffArchives.staffIdcard}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              入职日期：{{StaffArchives.staffIndate}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              结业日期：{{StaffArchives.staffEnddate}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              工龄：{{StaffArchives.staffWorktime}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              年龄：{{StaffArchives.staffAge}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              生日：{{StaffArchives.staffBirthday}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              地址：{{StaffArchives.staffAddress}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              国籍：{{StaffArchives.staffNative}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              民族：{{StaffArchives.staffNation}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              政治面貌：{{StaffArchives.staffPolitical}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              婚姻状况：{{StaffArchives.staffMarry}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              邮箱：{{StaffArchives.staffEmail}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              QQ：{{StaffArchives.staffQq}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              微信：{{StaffArchives.staffVx}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              学历：{{StaffArchives.staffEducation}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              紧急联系人姓名：{{StaffArchives.staffContact}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              紧急联系人电话：{{StaffArchives.staffContactphone}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              工资卡开户银行1：{{StaffArchives.staffBank1}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              工资卡银行账号1：{{StaffArchives.staffBandcard1}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              工资卡开户银行2：{{StaffArchives.staffBank2}}
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
            <el-form-item label="">
              工资卡银行账号2：{{StaffArchives.staffBandcard2}}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
  </div>
</template>
<script>
import { useStore } from '/@/store/index.ts';
import { toRefs, reactive, onMounted, nextTick, computed, getCurrentInstance } from 'vue';
import axios from "axios";
export default {
  name: 'information',
  setup() {
    const store = useStore();
		const state = reactive({
			form: {},
		});
		// 获取用户信息 vuex
		const getUserInfos = computed(() => {
			return store.state.userInfos.userInfos;
		});
		return {
			getUserInfos,
			...toRefs(state),
		};
  },
  data () {
    return {
      StaffArchives:'',
    }
  },
  created() {
		// 设置一个间隔1s就进行的动作
		var that = this;
		axios.get('http://121.41.117.22:8081/staff-archives/staffname=' + that.getUserInfos.userName)
			.then(function (response) {
				that.StaffArchives = response.data[0];
			})
			.catch(function (err) {});
	},
}
</script>
<style lang="scss">
</style>
